/**
 * 学习目标：JSX插值表达式-函数
 * 表达式:
 *  1. 变量
 *  2. 基础数据类型：string、number、null、boolean、undefined
 *  3. 引用数据类型: 数组、对象、函数
 *  4. 其它: JSX本身、三元、逻辑运算符
 *
 * 🔔 函数本身也属于对象类型， 函数本身不能直接放入插值表达式中
 * 🔔 函数的调用，往往可以放入插值表达式中，
 * 💥 函数的返回值需要符合JSX插值规则
 */

import React from 'react';
import ReactDOM from 'react-dom';

function hello() {
  return {
    name: 'zs',
  };
}

const result = hello();

const divNode = (
  <>
    <h1>{hello()}</h1>
    <h2>{result}</h2>
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
